<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-content padding class="transparent-header" [ngStyle]="{'background-image': 'url(./assets/imgs/background/login-background.jpg)'}">
<ion-header>
  <ion-navbar>
    <!--<ion-title>登录 v0.0.2</ion-title>-->
  </ion-navbar>
</ion-header>
<div padding>
  <ion-row>
    <ion-col>
      <img class="logo" src="./assets/imgs/logo.png" />
    </ion-col>
  </ion-row>

  <ion-row>
    <ion-col>
      <ion-list inset class="no-border">
        <ion-item>
          <ion-label>用户名</ion-label>
          <ion-input type="text" [(ngModel)]="userCode"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label>密码</ion-label>
          <ion-input type="password" [(ngModel)]="password"></ion-input>
        </ion-item>
      </ion-list>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <button ion-button class="login-button" (click)="logIn()">登录</button>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <div>
        <span (click)="toSendMailPage()">用户注册</span><span> | </span><span (click)="toGetIdentifyingCodePage()">忘记密码</span>
      </div>
    </ion-col>
  </ion-row>
  <!--<ion-item>
    <ion-label fixed="">账号</ion-label>
    <ion-input type="text" placeholder="请输入账号" [(ngModel)]="userCode"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label fixed="">密码</ion-label>
    <ion-input type="password" placeholder="请输入密码" [(ngModel)]="password"></ion-input>
  </ion-item>
  <ion-item no-lines="">
    <label item-right="">记住密码</label>
    <ion-toggle></ion-toggle>
  </ion-item>

  <div style="text-align: center; margin-left: 30px; margin-right: 30px">
    <button ion-button block color="danger" (click)="logIn()">
      登录
    </button>
  </div>-->

  <!--<p>Deivce uuid is: {{ device.uuid | json }}</p>-->
  <!--<p>Deivce platform is:{{ device.platform | json }}</p>-->
  <!--<p>Deivce version is:{{ device.version | json }}</p>-->
  <!--<p>Deivce model is:{{ device.model | json }}</p>-->
  <!--<p>Deivce manufacturer is:{{ device.manufacturer | json }}</p>-->
  <!--<p>Deivce serial is:{{ device.serial | json }}</p>-->
</div>
</ion-content>


<!--<ion-content>-->
  <!--<ion-item>-->
    <!--<ion-label fixed>账号</ion-label>-->
    <!--<ion-input type="text" placeholder="请输入账号" #username></ion-input>-->
  <!--</ion-item>-->
  <!--<ion-item>-->
    <!--<ion-label fixed>密码</ion-label>-->
    <!--<ion-input type="password" placeholder="请输入密码" #password></ion-input>-->
  <!--</ion-item>-->
  <!--<ion-item no-lines>-->
    <!--<label item-right>记住密码</label>-->
    <!--<ion-toggle></ion-toggle>-->
  <!--</ion-item>-->

  <!--<div style="text-align: center; margin-left: 30px; margin-right: 30px;">-->
    <!--<button ion-button block color="danger" (click)="logIn(username, password)">-->
      <!--登录-->
    <!--</button>-->
  <!--</div>-->
<!--</ion-content>-->

